<template>
  <div class="bg-white bg-newcolor">
    <div class="container">
      <div class="usercenter clearfix">
        <div class="fl usercenter-left">
          <div class="usercenter-left-top">
            <img src="../../../static/images/img/lvcaijia.jpg" alt="">
            <p>xxxx</p>
            <ul class="usercenter-left-list">
              <li><router-link to="">基本资料</router-link></li>
              <li><router-link to="">我的询价</router-link></li>
              <li><router-link to="Usercenter_store">收藏的商家</router-link></li>
              <li><router-link to="">收藏的产品</router-link></li>
              <li><router-link to="Myorder_waitpay" class="usercenter-left-active">我的订单</router-link></li>
            </ul>
          </div>
        </div>
        <div class="fl usercenter-myorder-right myorder-right-bg">
          <ul class="tab-list clearfix">
            <li @click="cur=0" :class="{active:cur==0}">待支付</li>
            <li @click="cur=1" :class="{active:cur==1}">待确认</li>
            <li @click="cur=2" :class="{active:cur==2}">已确认未发货</li>
            <li @click="cur=3" :class="{active:cur==3}">已发货</li>
          </ul>
          <!-- 待支付 -->
          <div v-show="cur==0" class="myorder-content">
            <el-row :gutter="24" class="myorder-table-top">
              <el-col :span="8"><div>产品名</div></el-col>
              <el-col :span="3"><div>单价</div></el-col>
              <el-col :span="3"><div>数量</div></el-col>
              <el-col :span="3"><div>总价</div></el-col>
              <el-col :span="4"><div>商家</div></el-col>
              <el-col :span="3"><div>操作</div></el-col>
            </el-row>
            <div class="myorder-table-list">
              <el-row :gutter="24">
                <el-col :span="8">
                  <router-link to="" class="clearfix myorder-name">
                    <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl myorder-name-img">
                    <p class="fl myorder-name-text">供应浙江诺盾板框式压滤机1250型</p>
                  </router-link>
                </el-col>
                <el-col :span="3"><div class="lh-80">99</div></el-col>
                <el-col :span="3"><div class="lh-80">8</div></el-col>
                <el-col :span="3"><div class="lh-80">99</div></el-col>
                <el-col :span="4"><div class="lh-80"><router-link to="" class="lh-80 block">xxx公司</router-link></div></el-col>
                <el-col :span="3"><router-link to="Myorder_pay" class="lh-80 block">去支付</router-link></el-col>
              </el-row>
            </div>
          </div>
          <!-- 待确认 -->
          <div v-show="cur==1" class="myorder-content">
            <el-row :gutter="24" class="myorder-table-top">
              <el-col :span="8"><div>产品名</div></el-col>
              <el-col :span="3"><div>单价</div></el-col>
              <el-col :span="3"><div>数量</div></el-col>
              <el-col :span="3"><div>总价</div></el-col>
              <el-col :span="7"><div>操作</div></el-col>
            </el-row>
            <div class="myorder-table-list">
              <el-row :gutter="24">
                <el-col :span="8">
                  <router-link to="" class="clearfix myorder-name">
                    <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl myorder-name-img">
                    <p class="fl myorder-name-text">供应浙江诺盾板框式压滤机1250型</p>
                  </router-link>
                </el-col>
                <el-col :span="3"><div class="lh-80">99</div></el-col>
                <el-col :span="3"><div class="lh-80">8</div></el-col>
                <el-col :span="3"><div class="lh-80">99</div></el-col>
                <el-col :span="7"><router-link to="" class="lh-80 inline-block mgr-20">等待确认</router-link><router-link to="Myorder_moneyinfo" class="lh-80 inline-block">查看汇款信息</router-link></el-col>
              </el-row>
            </div>
          </div>
          <!-- 已确认未发货 -->
          <div v-show="cur==2" class="myorder-content">
            <el-row :gutter="24" class="myorder-table-top">
              <el-col :span="8"><div>产品名</div></el-col>
              <el-col :span="4"><div>单价</div></el-col>
              <el-col :span="4"><div>数量</div></el-col>
              <el-col :span="4"><div>总价</div></el-col>
              <el-col :span="4"><div>操作</div></el-col>
            </el-row>
            <div class="myorder-table-list">
              <el-row :gutter="24">
                <el-col :span="8">
                  <router-link to="" class="clearfix myorder-name">
                    <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl myorder-name-img">
                    <p class="fl myorder-name-text">供应浙江诺盾板框式压滤机1250型</p>
                  </router-link>
                </el-col>
                <el-col :span="4"><div class="lh-80">99</div></el-col>
                <el-col :span="4"><div class="lh-80">8</div></el-col>
                <el-col :span="4"><div class="lh-80">99</div></el-col>
                <el-col :span="4"><router-link to="" class="lh-80 block">等待发货</router-link></el-col>
              </el-row>
            </div>
          </div>
          <!-- 已发货 -->
          <div v-show="cur==3" class="myorder-content">
            <el-row :gutter="24" class="myorder-table-top">
              <el-col :span="8"><div>产品名</div></el-col>
              <el-col :span="3"><div>单价</div></el-col>
              <el-col :span="3"><div>数量</div></el-col>
              <el-col :span="3"><div>总价</div></el-col>
              <el-col :span="7"><div>操作</div></el-col>
            </el-row>
            <div class="myorder-table-list">
              <el-row :gutter="24">
                <el-col :span="8">
                  <router-link to="" class="clearfix myorder-name">
                    <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl myorder-name-img">
                    <p class="fl myorder-name-text">供应浙江诺盾板框式压滤机1250型</p>
                  </router-link>
                </el-col>
                <el-col :span="3"><div class="lh-80">99</div></el-col>
                <el-col :span="3"><div class="lh-80">8</div></el-col>
                <el-col :span="3"><div class="lh-80">99</div></el-col>
                <el-col :span="7"><router-link to="" class="lh-80 inline-block mgr-20">已发货</router-link><router-link to="Myorder_route" class="lh-80 inline-block">查看物流信息</router-link></el-col>
              </el-row>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>



<script>
export default {
  name:'Myorder_waitpay',
  data(){
      return{
        cur:0
      }
  },
  methods:{
  },
  created:function () {
    this.$emit('public_header', false);
    this.$emit('public_headerhover', true);
    this.$emit('public_footer', true);
  },
}
</script>

<style>
 @import '../../../static/style/myorder_waitpay';
  @import '../../../static/style/usercenter';
</style>
